<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="format-detection" content="telephone=no" />
    <title>注册</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link rel="stylesheet" href="../css/style.css" />
    <link rel="stylesheet" href="../css/iconfont.css" />
    <link rel="stylesheet" href="../css/element-icons.css" />
    <link rel="stylesheet" href="../css/newiconfont.css" />
    <script src="../js/jquery.min.js"></script>
    <script src="../js/lib.js"></script>
    <script src="../js/page.js"></script>
    <script src="../js/register.js"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!--[if IE]>
    <link rel="stylesheet" href="css/all-ie-only.css" />
    <![endif]-->
</head>

<body>
<div class="header4 fix">
    <div class="wp">
        <div class="header4-btn">
            <a href="login.html" class="a1 l">登 录</a>
            <a href="register.html" class="r">注 册</a>
        </div>
        <a href="" class="header4-logo">
            <div class="hd">
                <img src="images/logo3.svg" alt="" />
                <h2>星火链网 · 骨干节点 <span>（营口）</span></h2>
            </div>
            <p>打造链网协同新基建，建设区块链新经济模式</p>
        </a>
    </div>
</div>
<div class="main">
    <div class="box-login">
        <div class="wp">
            <div class="hd">
                <h3>请选择您的注册方式</h3>
            </div>
            <div class="cont">
                <div class="tabrel05 js-tabs js-anim" data-modulename="tabrel05">
                    <div class="tabrel05-hd">
                        <div class="line"></div>
                        <ul class="tabrel05-tit">
                            <li class="tabrel05-item tabrel05-item__on"><span class="subitem">手机号注册</span></li>
                            <li class="tabrel05-item"><span class="subitem">邮箱注册</span></li>
                            <li class="tabrel05-item"><span class="subitem">BID注册</span></li>
                        </ul>
                    </div>
                    <div class="tabrel05-desc">
                        <div class="tabrel05-item tabrel05-item__on">
                            <div class="form-6">
                                <div class="form-item">
                                    <div class="tit"><span>*</span>请输入您的手机号/邮箱：</div>
                                    <div class="con">
                                        <input type="text" class="input-inner" id="mobile" placeholder="请输入您的手机号/邮箱" onmouseout="checkMobile();"/>
                                    </div>
                                    <div class="el-form-item__error" style="display: none;" id="mobileError"></div>
                                </div>
                                <div class="form-item">
                                    <div class="tit"><span>*</span>请输入密码：</div>
                                    <div class="con">
                                        <div class="input-suffix">
                                            <input type="password" class="input-inner" id="password" placeholder="请输入密码" onmouseout="checkPassword(1);"/>
                                            <div class="icon">
                                                <i class="el-input__icon i-changetype el-icon-view"></i>
                                                <i class="el-input__icon el-icon-circle-close"></i>
                                            </div>
                                        </div>
                                        <div class="el-form-item__error" style="display: none;" id="passwordError"></div>
                                    </div>
                                </div>
                                <div class="form-item">
                                    <div class="tit"><span>*</span>请再次输入密码：</div>
                                    <div class="con">
                                        <div class="input-suffix">
                                            <input type="password" class="input-inner" id="passwordSure" placeholder="请再次输入密码" onmouseout="checkPasswordSure(1);"/>
                                            <div class="icon">
                                                <i class="el-input__icon i-changetype el-icon-view"></i>
                                                <i class="el-input__icon el-icon-circle-close"></i>
                                            </div>
                                        </div>
                                        <div class="el-form-item__error" style="display: none;" id="passwordSureError"></div>
                                    </div>
                                </div>
                                <div class="form-item">
                                    <div class="tit">请输入验证码：</div>
                                    <div class="con">
                                        <div class="input-code">
                                            <input type="text" class="input-inner" placeholder="请输入密码" id="checkCodeMobile"/>
                                            <button class="vcodebtn js-vcodebtn" data-msgrefresh="重新获取" data-msg="获取验证码" data-suffix="秒"
                                                    data-countdown="60" id="checkCodeBtnMobile" onclick="sendCheckCode(1);">获取验证码</button>
                                        </div>
                                    </div>
                                    <div class="el-form-item__error" style="display: none;" id="checkCodeError"></div>
                                </div>
                                <div class="form-item">
                                  <button class="submit" onclick="doLoginMobile();">立即注册</button>
                              </div>
                              <div class="form-link">
                                  <a href="./forgetpwd.html" class="forget l">忘记密码?</a>
                                  <a href="./register.html" class="reg r">立即注册</a>
                              </div>
                            </div>
                        </div>
                        <div class="tabrel05-item">
                            <div class="form-6">
                                <div class="form-item">
                                    <div class="tit"><span>*</span>请输入您的邮箱：</div>
                                    <div class="con">
                                        <input type="text" class="input-inner" placeholder="请输入您的邮箱" id="email" onmouseout="checkEmail();"/>
                                    </div>
                                    <div class="el-form-item__error" style="display: none;" id="emailError"></div>
                                </div>
                                <div class="form-item">
                                    <div class="tit"><span>*</span>请输入密码：</div>
                                    <div class="con">
                                        <div class="input-suffix">
                                            <input type="password" class="input-inner" placeholder="请输入密码" id="passwordEmail" onmouseout="checkPassword(2);"/>
                                            <div class="icon">
                                                <i class="el-input__icon i-changetype el-icon-view"></i>
                                                <i class="el-input__icon el-icon-circle-close"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="el-form-item__error" style="display: none;" id="passwordErrorEmail"></div>
                                </div>
                                <div class="form-item">
                                    <div class="tit"><span>*</span>请再次输入密码：</div>
                                    <div class="con">
                                        <div class="input-suffix">
                                            <input type="password" class="input-inner" placeholder="请再次输入密码" id="passwordSureEmail" onmouseout="checkPasswordSure(2);"/>
                                            <div class="icon">
                                                <i class="el-input__icon i-changetype el-icon-view"></i>
                                                <i class="el-input__icon el-icon-circle-close"></i>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="el-form-item__error" style="display: none;" id="passwordSureErrorEmail"></div>
                                </div>
                                <div class="form-item">
                                    <div class="tit">请输入验证码：</div>
                                    <div class="con">
                                        <div class="input-code">
                                            <input type="text" class="input-inner" placeholder="请输入密码" id="checkCodeEmail"/>
                                            <button class="vcodebtn js-vcodebtn" data-msgrefresh="重新获取" data-msg="获取验证码" data-suffix="秒"
                                                    data-countdown="60" id="checkCodeBtnEmail" onclick="sendCheckCode(2);">获取验证码</button>
                                        </div>
                                    </div>
                                    <div class="el-form-item__error" style="display: none;" id="checkCodeErrorEmail"></div>
                                </div>
                                <div class="form-item">
                                    <button class="submit" onclick="registerNext(2);">立即注册</button>
                                </div>
                            </div>
                        </div>
                        <div class="tabrel05-item">
                            <div class="form-6">
                                <div class="form-tit">
                                    <h4>请设置密码</h4>
                                    <div class="txt">
                                        <p><i class="circle"></i>密码用于加密您的私钥，不能作为生成私钥的种子</p>
                                        <p><i class="circle"></i>您需要密码+私钥解锁您的钱包</p>
                                    </div>
                                </div>
                                <div class="form-item">
                                    <div class="tit"><span>*</span>请输入密码：</div>
                                    <div class="con">
                                        <div class="input-suffix">
                                            <input type="password" class="input-inner" placeholder="请输入密码" />
                                            <div class="icon">
                                                <i class="el-input__icon i-changetype el-icon-view"></i>
                                                <i class="el-input__icon el-icon-circle-close"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-item">
                                    <div class="tit"><span>*</span>请再次输入密码：</div>
                                    <div class="con">
                                        <div class="input-suffix">
                                            <input type="password" class="input-inner" placeholder="请再次输入密码" />
                                            <div class="icon">
                                                <i class="el-input__icon i-changetype el-icon-view"></i>
                                                <i class="el-input__icon el-icon-circle-close"></i>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-item">
                                    <button class="submit">创建钱包</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="pop-bg"></div>
<!-- 合约禁用弹窗 -->
<div class="m-pop" id="pop-heyuejinyong">
    <div class="win-pop1">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>合约禁用</h3>
        </div>
        <div class="win1-bd">
            <div class="win1-item">
                <div class="tit">禁用原因<span>*</span></div>
                <div class="con">
                    <input type="text" class="input-inner" />
                </div>
            </div>
        </div>
        <div class="win-bt">
            <a href="javascript:;" class="js-btn"><span>取 消</span></a>
            <a href="" class="primary-btn"><span>确 定</span></a>
        </div>
    </div>
</div>
<!-- 合约禁用弹窗 end -->
<!-- 撤销弹窗 -->
<div class="m-pop" id="pop-chexiaozhengshu">
    <div class="win-pop1">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>撤销</h3>
        </div>
        <div class="win1-bd">
            <div class="win1-item">
                <div class="tit">撤销原因:</div>
                <div class="con">
                    <textarea class="textarea-inner" placeholder="请输入撤销原因"></textarea>
                </div>
            </div>
        </div>
        <div class="win-bt">
            <a href="" class="primary-btn"><span>提交</span></a>
            <a href="javascript:;" class="js-btn"><span>返回</span></a>
        </div>
    </div>
</div>
<!-- 撤销弹窗 end -->
<!-- 禁用弹窗 -->
<div class="m-pop" id="pop-jinyong">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-info"></div>
                <div class="desc">
                    <p>您确定要禁用标识吗？</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 禁用弹窗 end -->
<!-- 启用弹窗 -->
<div class="m-pop" id="pop-qiyong">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-info"></div>
                <div class="desc">
                    <p>您确定要启用标识吗？</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 启用弹窗 end -->
<!-- 下载KeyStore -->
<div class="m-pop" id="pop-xiazaiKeyStore">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="tit">请输入创建人的私钥</div>
                <div class="con">
                    <input type="text" class="input-inner" />
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 下载KeyStore end -->
<!-- 删除 -->
<div class="m-pop" id="pop-shanchu">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-warning"></div>
                <div class="desc">
                    <p>此操作将永久删除该数据, 是否继续?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 删除 end -->
<!-- 删除2 -->
<div class="m-pop" id="pop-shanchu2">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-info"></div>
                <div class="desc">
                    <p>确定删除选中角色?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 删除2 end -->
<!-- 删除3 -->
<div class="m-pop" id="pop-shanchu3">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <!-- <h3>提示</h3> -->
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-warning"></div>
                <div class="desc">
                    <p>确定将选择数据删除?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 删除3 end -->
<!-- 删除4 -->
<div class="m-pop" id="pop-shanchu4">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <!-- <h3>提示</h3> -->
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-warning"></div>
                <div class="desc">
                    <p>确定将选择数据删除?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 删除4 end -->
<!-- 移至黑名单 -->
<div class="m-pop" id="pop-yizhiheimingdan">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-warning"></div>
                <div class="desc">
                    <p>确定将该用户移至黑名单吗?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 移至黑名单 end -->
<!-- 升至管理员 -->
<div class="m-pop" id="pop-shengzhiguanliyuan">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-warning"></div>
                <div class="desc">
                    <p>确定将该用户添加至管理员?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 升至管理员 end -->
<!-- 移除管理员 -->
<div class="m-pop" id="pop-yichuguanliyuan">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>提示</h3>
        </div>
        <div class="win3-bd">
            <div class="win3-item">
                <div class="icon_dn el-icon-info"></div>
                <div class="desc">
                    <p>确定移除该用户管理员?</p>
                </div>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 移除管理员 end -->
<!-- 重置密码 -->
<div class="m-pop" id="pop-chongzhimima">
    <div class="win-pop3">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-icon-close"></i>
                </a>
            </div>
            <h3>请输入接收密码的邮箱</h3>
        </div>
        <div class="win3-bd">
            <div class="form-1 form-4">
                <form action="">
                    <div class="form-item col-1">
                        <div class="tit"></div>
                        <div class="con">
                            <input type="text" class="input-inner" placeholder="">
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <div class="win-bt2">
            <a href="javascript:;" class="js-btn"><span>取消</span></a>
            <a href="" class="primary-btn"><span>确定</span></a>
        </div>
    </div>
</div>
<!-- 重置密码 end -->
<!-- 钱包解锁弹窗 -->
<div class="m-pop" id="pop-qianbaojiesuo">
    <div class="win-pop2">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-dialog__close el-icon el-icon-close"></i>
                </a>
            </div>
            <h3>钱包解锁</h3>
        </div>
        <div class="win1-bd">
            <div class="win2-item">
                <div class="tit">请选择方式：</div>
                <div class="con">
                    <ul class="radio-group js-custom-radio-checkbox" data-modulename="formrel01">
                        <li data-selectName=".item-select1">
                            <label>
                                <input type="radio" name="1" checked />
                                <i class="icon"></i>
                                <span>BID keystore 文件</span>
                            </label>
                        </li>
                        <li data-selectName=".item-select2">
                            <label>
                                <input type="radio" name="1" />
                                <i class="icon"></i>
                                <span>BID私钥</span>
                            </label>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="win2-item item-select1">
                <div class="tit">请选择BID Keystore文件</div>
                <div class="con">
                    <div class="file-upload_box3">
                        <div class="fileUpload-btn3">
                            <label>
                                <input type="file" class="js-upload">
                                <span><i class="icon_dn el-icon-upload e-upload"></i>选择文件</span>
                            </label>
                        </div>
                        <ul class="fileUpload-files">
                            <!-- <li>
                            <a href="javascript:;">
                                <i class="el-icon-document"></i>
                                <span>5cd67b13-740e-4f77-b950-09e47e60881d (1).json</span>
                            </a>
                            <i class="el-icon-close"></i>
                        </li> -->
                        </ul>
                    </div>
                </div>
            </div>
            <div class="win2-item col-1 item-select1">
                <div class="tit">请输入密码：</div>
                <div class="con">
                    <div class="input-suffix">
                        <input type="password" class="input-inner" placeholder="请输入密码" />
                        <div class="icon">
                            <i class="el-input__icon i-changetype el-icon-view"></i>
                            <i class="el-input__icon el-icon-circle-close"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="win2-item col-1 item-select2">
                <div class="tit">请输入BID私钥：</div>
                <div class="con">
                    <div class="input-suffix">
                        <input type="password" class="input-inner" placeholder="请输入BID私钥" />
                        <div class="icon">
                            <i class="el-input__icon i-changetype el-icon-view"></i>
                            <i class="el-input__icon el-icon-circle-close"></i>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="win-bt win-bt_center">
            <a href="javascript:;" class="js-btn"><span>取 消</span></a>
            <a href="" class="primary-btn"><span>确 定</span></a>
        </div>
    </div>
</div>
<!-- 钱包解锁弹窗 end -->
<!-- 显隐 -->
<div class="m-pop" id="pop-xianyin">
    <div class="win-pop5">
        <div class="win1-hd">
            <div class="win1-btn">
                <a href="javascript:;" class="close js-close">
                    <i class="el-dialog__close el-icon el-icon-close"></i>
                </a>
            </div>
            <h3>多 选</h3>
        </div>
        <div class="win1-bd">
            <ul class="checkbox-group2 js-custom-radio-checkbox" data-modulename="formrel01">
                <li>
                    <label>
                        <input type="checkbox" name="1" checked />
                        <i class="icon"></i>
                        <span>角色名称</span>
                    </label>
                </li>
                <li>
                    <label>
                        <input type="checkbox" name="1" />
                        <i class="icon"></i>
                        <span>所属租户</span>
                    </label>
                </li>
                <li>
                    <label>
                        <input type="checkbox" name="1" />
                        <i class="icon"></i>
                        <span>角色别名</span>
                    </label>
                </li>
                <li>
                    <label>
                        <input type="checkbox" name="1" />
                        <i class="icon"></i>
                        <span>角色排序</span>
                    </label>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 显隐 end -->
<script src="../js/module.js"></script>
<script type="text/javascript">
    $('.tabrel05-tit .tabrel05-item').on('click', function(event) {
        var _width = parseInt($(this).innerWidth());
        $('.tabrel05-hd .line').css({
            'width': _width,
            'transform': 'translateX(' + $(this).index() * 100 + '%)'
        });
    });
</script>
</body>

</html>